<template>
  <div id="app">
		<mt-checklist 
			title="复选框列表"
			v-model="value" 
			align="right"
			:options="options" @change="checkon">
		</mt-checklist>
		
  </div>
</template>
 
<script>
export default {
  name: 'app',
  data () {
  	return {
  		//存放所选选项
			value:[],
			//checklist设置
			options : [{
		    label: '选项A',
		    value: 'A'
			},
			{
		    label: '选项B',
		    value: 'B'
			},
			{
		    label: '选项C',
		    value: 'C'
			},
			{
		    label: '选项D',
		    value: 'D'
			}]
  	}
  },
  mounted:function(){
  	
  },
  methods:{
  	checkon: function(){
  		console.log(this.value)
  	}
  }
}
</script>
 
<style>
	
</style>